/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-input() {
  --ti-input-text-color: var(--ti-base-color-info-normal);
  --ti-input-bg-color: var(--ti-base-color-light);
  --ti-input-font-size: var(--ti-common-font-size-base);
  --ti-input-height: var(--ti-base-size-height-normal);
  --ti-input-border-radius: var(--ti-common-border-radius-normal);
  --ti-input-border-color: var(--ti-base-color-border);
  --ti-input-hover-border-color: var(--ti-base-color-border-hover);
  --ti-input-active-border-color: var(--ti-base-color-brand-3);
  --ti-input-placeholder-text-color: var(--ti-base-color-placeholder);
  --ti-input-disabled-text-color: var(--ti-base-color-placeholder);
  --ti-input-medium-height: var(--ti-base-size-height-medium);
  --ti-input-small-height: var(--ti-base-size-height-small);
  --ti-input-mini-height: var(--ti-base-size-height-mini);
  --ti-input-disabled-bg-color: var(--ti-common-color-bg-disabled);
  --ti-input-disabled-border-color: var(--ti-common-color-line-disabled);
  --ti-input-exceed-text-color: var(--ti-base-color-bg-3);
  --ti-input-clear-text-color: #c0c4cc;
  --ti-input-icon-font-size: var(--ti-common-font-size-1);
  --ti-input-icon-close-text-color: #bfbfbf;
  --ti-input-clear-text-color-hover: var(--ti-base-color-brand);
}
